<template>
    <div class="auditProgress">
      <div class="top">
        <ul class="items-wrapper">
          <li class="item">
            <div class="left user">身份认证</div>
            <div class="right">
              <span class="pass">已审核</span>
              <span class="dispass">未审核</span>
            </div>
          </li>
          <li class="item">
            <div class="left bank">绑定银行卡</div>
            <div class="right">
              <span class="pass">已审核</span>
              <span class="dispass">未审核</span>
            </div>
          </li>
          <li class="item">
            <div class="left card">上传证件</div>
            <div class="right">
              <span class="pass">已审核</span>
              <span class="dispass">未审核</span>
            </div>
          </li>
          <li class="item">
            <div class="left loans">开始放款</div>
            <div class="right">
              <span class="pass">已审核</span>
              <span class="dispass">未审核</span>
            </div>
          </li>
        </ul>
      </div>
      <div class="bottom">
        <button class="btn">去绑卡</button>
      </div>
    </div>
</template>

<script>
    export default {
        name: "auditProgress"
    }
</script>

<style scoped lang="stylus">
  .auditProgress
    height calc(100% - 64px)
    background #F6F6F6
    padding 10px
    .top
      .items-wrapper
        .item
          display flex
          height 44px
          background #ffffff
          margin-bottom 10px
          border-radius 6px
          line-height 44px
          .left
            flex 1
            text-align left
            padding-left 40px
            font-size 14px
            color #333333
            &.user
              background url("user.svg")no-repeat 10px center/20px 17px
            &.bank
              background url("bank.svg")no-repeat 10px center/20px 17px
            &.card
              background url("card.svg")no-repeat 10px center/20px 17px
            &.loans
              background url("loan.svg")no-repeat 10px center/20px 17px
          .right
            text-align right
            padding-right 10px
            font-size 14px
            .pass
              color #53B658
            .dispass
              color #737373
    .bottom
      margin-top 100px
      .btn
        width 100%
        height 44px
        color #ffffff
        border none
        background #49A2FE
        border-radius 6px
        font-size 17px
        outline none
</style>
